<template>
	<view class="watchComment">
		<view v-for='value in evaluate_list' :key="value.id">
			<nav>
				<img :src="value.user_avatar" mode=""></img>
				<view>
					<span>{{value.user_nick}}</span>
					<p>服务项目：{{value.goods_name}}</p>
				</view>
			</nav>
			<main>
				<img v-for="values in value.img" :src="$imgUrl + values"></img>
			</main>
			<footer>
				{{value.evaluate}}
			</footer>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				falg: false,
				id:'',
				Page:1,
				evaluate_list:[]
			};
		},
		onLoad(res) {
			this.id=res.id
			this.evaluate()
		},
		methods:{
			evaluate(){
				this.$httpRequest('/evaluate/index',{
					tech_id:this.id,page:this.Page
				}).then(res=>{
					console.log(res)
					this.evaluate_list=res.data.data
				})
			}
		},
		// 触底刷新
		onReachBottom() {
			if (this.falg) {

			}
		},
		// 下拉刷新
		onPullDownRefresh() {
			uni.stopPullDownRefresh();
		},
	}
</script>

<style lang="less">
	.watchComment {
		&>view {
			margin-bottom: 20rpx;
			width: 100%;
			padding: 20rpx 60rpx 0;
			box-sizing: border-box;

			&>nav {
				width: 100%;
				display: flex;
				flex-wrap: wrap;

				&>img {
					width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
					margin-right: 10rpx;
				}

				&>view {
					&>span {
						font-size: 13px;
						color: #333;
					}

					&>p {
						font-size: 12px;
						color: #666;
					}
				}
			}

			&>main {
				width: 100%;
				padding: 10rpx 0;
				display: flex;
				flex-wrap: wrap;

				&>img {
					width: 200rpx;
					height: 200rpx;
					margin: 0 5rpx 10rpx;
					display: block;
				}
			}

			&>footer {
				padding-bottom: 20rpx;
				border-bottom: 1px solid #DFDFDF;
				font-size: 11px;
				color: #666666;
			}
		}
	}
</style>